<template>
  <div class="index-wrap">
            <div class="qousw-aa">
        <ul class="mui-table-view mui-grid-view">
		        <li class="mui-table-view-cell mui-media mui-col-xs-6" v-for="item in  lowss_value"  :key="item.id">

		            <a href="#">
            <router-link  :to="'/zhu/list/'+item.id">  
		                <img class="mui-media-object"  v-lazy="item.src">
                        </router-link>
		                <div class="mui-media-body">{{item.name}}</div></a>
                        <div class="info clearfix">
                        <span class="nick">{{item.nick}}</span>
                        <div class="viewer-wrap">
                                <i class="viewer-icon"></i>
                               <div class="price">{{item.money}}<span>起</span><span class="price old"><s>{{item.mona}}</s></span></div>
                                <div class="buybtn mauto"> 立即购买</div>
            
            </div>
            <!-- <div>{{item.id}}</div> -->
        </div>
            <!-- <div>{{item.id}}</div> -->
               </li>
               <!-- <li class="mui-table-view-cell mui-media mui-col-xs-6">
		            <a href="#">
		                <img class="mui-media-object"  src="https://i8.mifile.cn/v1/a1/b7aa0b1e-90bb-725d-fbd1-1bb26a051606.webp">
		                <div class="mui-media-body">小米</div></a>
                        <div class="info clearfix">
                        <span class="nick">四曲面陶瓷机身，骁龙845</span>
                        <div class="viewer-wrap">
                                <i class="viewer-icon"></i>
                               <div class="price">1799<span>起</span><span class="price old"><s>2999</s></span></div>
                               <div class="buybtn mauto"> 立即购买</div>
            </div>
        </div>
               </li> -->
		    </ul>  
    </div>
  </div>
</template>

<script>
    import axios from 'axios'
    import App from '@/App'
export default {
  name: 'Index',
   data(){
       return{
           pholow:[],
           id:[],
       }
  },
    props: ['lowss_value'],
          created(){
  },
            created(){
     this.getList();
  },
    methods:{
    //      goDetail(id) {

    //   this.$router.push('./zhu/list/'+id);
    // }
        getList(){
            	axios.get("/api/yingshi").then((res)=>{
				// console.log(res.data)
        this.id=res.data.losswol.id
        // this.value=res.data.boble
        // this.youtous=res.data.youtous
        //      this.muildes=res.data.loowqwwsl[0]
			}).catch((err)=>console.log(err))
        },
  },

}
</script>
<style  lang="scss"   scoped>
.nick{
    font-size:12px;
    color:#9b9b9b;
  
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
    width: 100%;
    max-width: 100%;
    height: 160px;
}
.price{
     font-size:15px;
    color: #ea625b;
     s{
        font-size:12px;
        color: black;
     }
}
.buybtn {
      width: 101px;
    height: 31px;
    background: #ea625b;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    line-height: 27px;
    font-size: 14px;
    padding: 1px 0;
    margin: 0 auto;
    font-weight: 700;
 }

</style>
